<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- <script src="js/vue.js"></script> -->
    <script src="head.js"></script>
    <script src="js/layer.js"></script>
    <style>
        
    </style>
</head>
<body>
    <div class="kw-support box-top">
        <div class="support-banner">
            <img src="img/kwimg30.jpg" alt="">
        </div>
        <div class="support-download">
            <div class="support-download-menu layui-row">
                <div class="layui-col-xs3">
                    <svg style="color: #80b930" class="icon" aria-hidden="true">
                        <use xlink:href="#iconkw-yingjian"></use>
                    </svg>
                    <p style="color: #0e4c91">Firmware</p>
                </div>
                <div class="layui-col-xs3">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconkw-xiazai1"></use>
                    </svg>
                    <p>Upgrade Tool</p>
                </div>
                <div class="layui-col-xs3">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconkw-yuyan_fill"></use>
                    </svg>
                    <p>Product Landingpage</p>
                </div>
                <div class="layui-col-xs3">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconkw-shouce"></use>
                    </svg>
                    <p>User Manual</p>
                </div>
            </div>
            <div class="support-download-pro">
                <ul style="display: block" class="layui-row layui-col-space15" id="support-download-classfy01">
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW26.jpg" alt="">
                        <p>KW26</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW06.jpg" alt="">
                        <p>KW06</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW99.jpg" alt="">
                        <p>KW99</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW88.jpg" alt="">
                        <p>KW88</p>
                    </li>
                </ul>
                <ul class="layui-row layui-col-space15" id="support-download-classfy02">  
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW98.jpg" alt="">
                        <p>KW98</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW68.jpg" alt="">
                        <p>KW68</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_FS08.jpg" alt="">
                        <p>FS08</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_GV68.jpg" alt="">
                        <p>GV68</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW01.jpg" alt="">
                        <p>KW01</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW02.jpg" alt="">
                        <p>KW02</p>
                    </li>
                </ul>
                <ul class="layui-row layui-col-space15" id="support-download-classfy03"> 
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW03.jpg" alt="">
                        <p>KW03</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KC01.jpg" alt="">
                        <p>KC01</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KC02.jpg" alt="">
                        <p>KC02</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_GV08.jpg" alt="">
                        <p>GV08</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW18.jpg" alt="">
                        <p>KW18</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KW28.jpg" alt="">
                        <p>KW28</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_GT88.jpg" alt="">
                        <p>GT88</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_GT08.jpg" alt="">
                        <p>GT08</p>
                    </li>
                </ul>
                <ul class="layui-row layui-col-space15" id="support-download-classfy04"> 
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KR01.jpg" alt="">
                        <p>KR01</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KR02.jpg" alt="">
                        <p>KR02</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KR03.jpg" alt="">
                        <p>KR03</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KR04.jpg" alt="">
                        <p>KR04</p>
                    </li>
                    <li class="layui-col-sm3 layui-col-xs6">
                        <img src="img/kw-prodects_KR05.jpg" alt="">
                        <p>KR05</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    $(document).ready(function(){
        var nn = $(".support-download-menu>div").length;
        var classFy = 'Firmware'
        for(var i=0; i<nn; i++){
            (function(i){
                $(".support-download-menu>div:eq("+i+")").click(function(){
                    classFy = $(this).find("p").text()
                    // console.log(classFy)
                    $(".support-download-menu>div svg").css("color","#666666");
                    $(".support-download-menu>div p").css("color","#666666");
                    $(this).find("svg").css("color","#80b930");
                    $(this).find("p").css("color","#0e4c91");
                    $(".support-download-pro>ul").css("display","none");
                    $(".support-download-pro>ul:eq("+i+")").css("display","block");
                    setTimeout(function(){
                        $(".support-download-pro>ul").addClass("box-entrance").removeClass("box-exit");
                        $(".support-download-pro>ul:eq("+i+")").addClass("box-entrance").removeClass("box-exit");  
                    },0);
                })
            })(i);
         }
         $(".support-download-pro ul li").click(function(){
            var words = $(this).find("p").text()
            // console.log(words)
            layer.open({
                content: 'Are you sure to download'+' '+ words+' '+ classFy
                ,btn: ['download', 'cancel']
                ,yes: function(index){
                location.reload();
                layer.close(index);
                }
            }); 
         }) 
    });
    </script>
    <script src="js/page-nav.js"></script>
    <script src="foot.js"></script>
</body>
</html>